<template>
  <div>
    <h2>您输入的地址有误，请重新检查！</h2>
    <!-- 页面跳转的方式1：声明式导航 -->
    <router-link tag="button" :to="path">点击返回首页</router-link>
    <button @click="goCart">点击查看购物车</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      path: '/'
    }
  },
  methods: {
    // 页面跳转的方式2：编程式导航,适用于比较麻烦的功能
    goCart() {
      if(true) {
        this.$router.push('/cart');
      }
    }
  },
}
</script>

<style>

</style>